<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>开元酒店官方网站</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
</head>
<body>
  <div class="home">
    <div class="p-head"></div>
    <div class="p-content">
      <!-- 广告栏（轮播图） -->
      <div class="carousel">
        <ul class="img-list">
          <li><img src="./image/index_bg1.jpg"></li>
          <li><img src="./image/index_bg2.jpg"></li>
          <li><img src="./image/index_bg3.jpg"></li>
          <li><img src="./image/index_bg1.jpg"></li>
        </ul>
        <!-- 按钮 -->
        <div class="btn">
          <div class="click-bg" value="1"><span></span></div>
          <div value="2"><span></span></div>
          <div value="3"><span></span></div>
        </div>
      </div>
      <!-- 搜索栏 -->
      <form class="save-form">
        <div class="search-wrap">
          <input type="text" name="city" placeholder="请选择城市" value="杭州市" class="cities"><!--
          --><input type="text" name="from-date" placeholder="请选择入住日期" autocomplete="off" id="from-date"><!--
          --><input type="text" name="to-date" placeholder="请输入结房日期" id="to-date"><!--
          --><input type="text" name="keyword" autocomplete="off" placeholder="输入关键字" class="keyword"><!--
          --><a class="to-save" id="#dataTrans" href="/search.html">搜索</a>
          <span class="iconfont icon-sousuo"></span>
          <span class="iconfont icon-sousuo"></span>
          <span class="iconfont icon-content_reco"></span>
          <span class="iconfont icon-content_reco"></span>
          <div class="city-menu">
            <div>热门城市</div>
          </div>
        </div>
      </form>
      <!-- 内容栏 -->
      <div class="introduction">
        <!-- 说明 -->
        <div class="text-wrap">
          <h1>关于商祺会</h1>
          <div class="info">开元商祺会是开元酒店集团为回馈忠诚宾客所推出的会员制俱乐部。加入商祺会，即可享受开元旗下酒店提供的专享优惠、丰厚积分以及尊贵礼遇。 “立即加入”注册成功即可领取超值新人礼包，“了解权益”查看会员权益以及冲刺高端会籍。</div>
          <a class="btn" href="#">了解权益</a>
        </div>
      </div>
      <!-- 盟友列表 -->
      <div class="ally">
        <div class="text-wrap">
          <div class="imgs">
            <ul>
              <li><a href="#"><img src="./image/ally111.png"></a></li>
              <li><a href="#"><img src="./image/ally2.png"></a></li>
              <li><a href="#"><img src="./image/ally3.png"></a></li>
              <li><a href="#"><img src="./image/ally4.png"></a></li>
              <li><a href="#"><img src="./image/ally5.png"></a></li>
              <li><a href="#"><img src="./image/ally6.png"></a></li>
            </ul>
            <ul>
              <li><a href="#"><img src="./image/ally7.png"></a></li>
              <li><a href="#"><img src="./image/ally8.png"></a></li>
              <li><a href="#"><img src="./image/ally9.png"></a></li>
              <li><a href="#"><img src="./image/ally10.png"></a></li>
              <li><a href="#"><img src="./image/ally11.png"></a></li>
              <li><a href="#"><img src="./image/ally12.png"></a></li>
            </ul>
          </div>
          <a class="title" href="#">
            多品牌多选择
          </a>
        </div>
      </div>
      <!-- 活动推广栏 -->
      <div class="activities-list-wrap">
        <h1>热门活动</h1>
        <ul>
          <li>
            <img src="./image/special_offer9.jpg">
            <div class="text">
              <h1>错峰出游</h1>
              <p>新春过后，开元酒店集团推出“错峰出游”活动，让你甩开人山人海，惬意享受旅途。</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 1146</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer10.jpg">
            <div class="text">
              <h1>开元酒店宣布于香港联交所主板上市计划</h1>
              <p>开元酒店宣布于香港联交所主板上市计划.</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 1200</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
          <li>
            <img src="./image/special_offer11.jpg">
            <div class="text">
              <h1>2月会员日-点祺成金</h1>
              <p>两晚换半年，金卡在手，想走就走</p>
              <div class="btn-wrap">
                <span>
                  <span class="iconfont icon-liulanshu"> 553</span>
                </span>
                <div class="btn">查看详情</div>
              </div>
            </div>
          </li>
        </ul>
        <div class="see-more">
          <a href="/activities.html">查看更多</a>
        </div>
      </div>
      <div class="bottom-menu">
        <div class="menu-wrap">
          <div>
            <a href="#"></a>
            <img src="./image/homeIcon1.jpg">
            <div>
              <span>优惠价格</span><br>
              开元官网优惠保证
            </div>
          </div>
          <div>
            <a href="#"></a>
            <img src="./image/homeIcon2.jpg">
            <div>
              <span>会员权益</span><br>
              会员专享最多达19项权益
            </div>
          </div>
          <div>
            <a href="#"></a>
            <img src="./image/homeIcon3.jpg">
            <div>
              <span>积分商城</span><br>
              多彩礼品商城，丰厚消费回馈
            </div>
          </div>
          <div>
            <a href="#"></a>
            <img src="./image/homeIcon4.jpg">
            <div>
              <span>门店齐全</span><br>
              酒店覆盖全国各大城市和旅游景点
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="p-foot"></div>
  </div>
</body>
</html>